body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
/* structural elements 结构元素*/
dl, dt, dd, ul, ol, li,
/* list elements 列表元素*/
 pre,
/* text formatting elements 文本格式元素*/
fieldset, lengend, button, input, textarea,
/* form elements 表单元素*/
th, td {
  /* table elements 表格元素*/
  margin: 0;
  padding: 0;
}
input,textarea {
  border: 2 none;
  box-shadow: none;
  outline: none;
}
/* 设置默认字体*/
body,button, input, select, textarea {
  font-family:"Microsoft Yahei" ;
  color: #666;
}
/*h1 {
  font-size: 18px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4, h5, h6 {
  font-size: 100%;
}*/
* h1,* h2,* h3,* h4,* h5,* h6 {
  margin: 0px;
}
/* 重置列表元素*/
ul, ol ,li {
  list-style: none;
}
i {
  font-style: normal;
}
/* 重置文本格式元素*/
  
a {
  text-decoration: none;
  color: #666;
  word-wrap:break-word;
}
/*英文换行*/
a:hover {
  text-decoration: none;
  color:#910800;
}
/* 重置表单元素*/
legend {
  color: #000;
}
/* for ie6*/
fieldset, img {
  border: none;
}
/* img 搭车：让链接里的 img 无边框*/
button, input, select, textarea {
  font-size: 100%;
  /* 使表单元素在 ie 下能继承字体大小*/
  
}
/* 重置表格元素*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
html {
  overflow-y: scroll;
}
/* */
body {font-size: 16px;}
/*设置浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pt {
  padding-top: 60px;
}
.pb {
  padding-bottom: 60px;
}
/*清除浮动*/
.clear {
  clear: both;
  height: 0;
}
.clearfix:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.blk-main .clearlist {
  clear:both;
  height:0;
  padding:0;
  margin:0;
  border:0;
  width:100% ;
  float:none;
}
.b-main .clearlist {
  clear:both;
  height:0;
  padding:0;
  margin:0;
  border:0;
  width:100% ;
  float:none;
}
.clearafter:after {
  content:"";
  display:block;
  height:0;
  visibility:hidden;
  clear:both;
}
/* function*/
h2 a:hover {
  text-decoration: none;
}
input,textarea {
  outline:none;
}
textarea {
  resize:none;
}
em {
  font-style: normal;
}
.pr {position: relative;}
.pa {position: absolute;}
.f-cb:after,.f-cbli li:after {
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  overflow:hidden;
  content:".";
}
.f-cb,.f-cbli li {
  zoom:1;
}
.f-ib {
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.f-dn {
  display:none;
}
.f-db {
  display:block;
}
.f-pr {
  position:relative;
}
.f-pa {
  position:absolute;
}
.f-fl {
  float:left;
}
.f-fr {
  float:right;
}
.f-prz {
  position:relative;
  zoom:1;
}
.f-oh {
  overflow:hidden;
}
.f-fa {
  font-family:Arial, Helvetica, sans-serif;
}
.f-fw {
  font-family:"Microsoft Yahei";
}
.content {
  margin:0 auto;
  width: 1200px;
}
em {
  font-style:normal;
}
/*header*/
.header{height: 150px;background: rgba(0,0,0,0.5);border-bottom: 1px solid #969c9d;position: absolute;z-index: 100;top: 0;width: 100%;max-width: 1920px;min-width:1200px;}
.h-con{height: 78px;width: 94%;margin: 0 auto;max-width: 1760px;height:150px;}
.h-contact{font-size: 32px;line-height: 32px;color: #fff;font-weight: bold;font-family: Impact;float: right;position: absolute;right: 6%;z-index: 99999;top: 30px;letter-spacing: 3px;}
.h-contact i {margin-left: 15px;font-weight: lighter;}
.h-con .logo {width: 500px;border-right: 1px solid #969c9d; height: 150px;}
.h-con .logo img {float: left;margin-right: 1.146vw;height: 80px;position: relative;z-index: 10;margin-top: 30px;background: rgba(255,255,255,.2);border-radius: 50%;border:4px #6A7E92 solid;}
.h-con .logo h2 {float: left;display: block;font-size: 1.5vw;line-height: 1;padding-top: 42px;color: #fff;letter-spacing: 2px;}
.h-con .logo p {font-size: 1vw;color: #fff;float: left;margin-top: 15px;}

/*nav*/
.h-nav{float: right;height: 75px;margin-top: -55px;}
.h-nav ul{ float: left; height: 75px;}
.h-nav li{float: left;height: 75px;}
.h-nav li>a{display: block;font-size: 16px;color: #fff;line-height: 36px;position: relative;padding: 0 20px;border-radius: 6px;}
.h-nav li:hover>a,.h-nav li.cur>a{background: #004898;}
.h-nav li .erji{display: none;position: absolute;width: 100%;text-align: center;left: 0;top: 150px;z-index:10; background:rgba(30,61,122,0.9);padding:30px 0;overflow: hidden;}
.h-nav li .erji img{ display:block;float:left;width:320px;position: absolute;top: 50%;transform:translateY(-50%);}
.h-nav li .erji i{ display:block;width:820px;float:right;padding-top:20px;overflow: hidden;}
.h-nav li i>a{display: block;height: 50px;line-height: 50px;font-size: 16px;color: #fff;float:left;margin-right:20px;width:220px;text-align:left;}
.h-nav li i>a:nth-child(3n){margin-right:0;}
.h-nav li:hover .erji{ display:block;}

@media screen and (max-width:1600px) {
   .h-nav li a{font-size: 15px;}
   .h-con{ max-width: 1540px;height:150px;}
}
  
@media screen and (max-width:1440px){
   .h-nav li a{padding: 0 0.8vw;}
   .h-con{ max-width: 1340px;height:150px; }
   .h-con h2{ width:19vw;}
}
    
@media screen and (max-width:1340px){
   .h-nav li a{font-size: 14px;}
   .h-con{ max-width: 1200px;height:150px; }
   .h-con h2{ width:16vw;}
}

/*search*/
.search{float:right;width: 20px;height: 21px;z-index: 100;padding-left: 28px;border-left: 1px solid #808080;margin-top: 7px;margin-left: 20px;position: relative;}
.sea-icon{width: 20px;height: 20px;cursor: pointer;}
.sea-icon i {font-size: 20px;color: #808080;}
.sea-box{position: absolute;width: 345px;right: 0;top:48px;z-index: 100;display: none;}
.sea-box input {float: left;border: 2px solid #004898;font-size: 14px;}
.sea-box input.txt {width: 230px;padding: 0 20px;line-height: 34px;height: 34px;}
.sea-box input.btn {width: 70px;background-color: #004898;color: #fff;cursor: pointer;height: 38px;}

/*banner*/
.banner {
  clear:both;
  position:relative;
  width:100%;
  height:957px;
  overflow:hidden;
  z-index: 1;
  top: 0;
  left: 0;
}
.banner .hd {
  position:absolute;
  left:0;
  bottom:30px;
  width:100%;
  height:6px;
  text-align:center;
}
.banner .hd li {
  display:inline-block;
  *display:line;
  *zoom:1;
  margin:0 10px;
  width:50px;
  height:6px;
  text-indent:-9999px;
  cursor:pointer;
  background:#57606F;
  /*border-radius:8px;*/
}
.banner .hd .on {
  background:#A8A9AC;
  width: 50px;
   display:inline-block;
  *display:line;
  *zoom:1;
  margin:0 10px;
  height:6px;
  text-indent:-9999px;
  cursor:pointer;
  /*border-radius:6px;*/
}
.banner .bd,.banner .bd ul {
  height:957px;
}
.banner .bd li {
  position:relative;
  width:100%;
  height:957px;
}
.banner .bd li a {
  display:block;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-960px;
  width:1920px;
  height:957px;
}
.banner .prev,.banner .next {
  position:absolute;
  z-index:999;
  top:50%;
  width:58px;
  height:58px;
  line-height: 58px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #fff;
  cursor:pointer;
  opacity:0;
  transition: all 1s;
}
.banner .prev {
  left:8%;
}
.banner .next {
  right:8%;
}
.banner:hover .prev,.banner:hover .next {
  opacity:1;
}

/**/
.inside-tel {background: url(../image/tu1.jpg) no-repeat center top;height: 460px;box-sizing: border-box;}
.inside-tel .inside-tel-info {padding-top: 60px;color: #fff;margin-bottom: 40px;overflow: hidden;}
.inside-tel .inside-tel-info .inside-tel-info-fl {float: left;width: 560px;}
.inside-tel .inside-tel-info .inside-tel-info-fl dl dt {font-size: 48px;font-weight: bold;line-height: 1.5;}
.inside-tel .inside-tel-info .inside-tel-info-fl dl dd {font-size: 36px;letter-spacing: 8px;margin-bottom: 20px;}
.inside-tel .inside-tel-info .inside-tel-info-fl p {font-size: 18px;letter-spacing: 2px;line-height: 36px;}
.inside-tel .inside-tel-info .inside-tel-info-fr {float: right;width: 500px;border-left: 8px solid;padding-left: 60px;margin-top: 30px;}
.inside-tel .inside-tel-info .inside-tel-info-fr dl dt {font-size: 42px;font-weight: bold;line-height: 1.5;}
.inside-tel .inside-tel-info .inside-tel-info-fr dl dd {font-size: 28px;letter-spacing: 4px;margin-bottom: 20px;}
.inside-tel .inside-tel-info .inside-tel-info-fr p {font-size: 18px;letter-spacing: 2px;line-height: 36px;}
.inside-tel .tel {border-top: 1px solid #fff;padding-top: 20px;}
.inside-tel .tel p i {background: #1054B0;text-align: center;float: left;width: 40px;height: 40px;line-height: 40px;font-size: 26px;margin-right: 15px;border-radius: 50%;margin-top: 10px;}
.inside-tel .tel p{font-size:16px;color:#fff;}
.inside-tel .tel p span{display: block;font-size:36px;font-weight: bold;line-height: 38px;}
.inside-tel .tel em{float: right;margin-top:15px;position:relative;z-index:9;}
.inside-tel .tel em a{display: inline-block;width:216px;height: 48px;background: #1054B0;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-left:7px;}
.inside-tel .tel em a:last-child{background: #1578fd}

/*foot开始*/
.footer{background:#262930; height:365px;padding: 65px 0 0;overflow: hidden;}
.footer-top{display: block;width: 190px;height: 66px;line-height: 66px;overflow: hidden;font-size: 20px;color: rgba(255,255,255,0.8);font-weight: normal;margin-bottom: 15px;}
.footer-top i{font-size: 14px;text-transform: uppercase;}
.footer-nav{width: 345px;height: 288px; background:url(http://dehang.dzzongteng.com/template/dzdhkj.com/images/f_line01.png) no-repeat 0 64px;}
.footer-nav ul li{float: left;width: 140px;line-height: 36px;height: 36px;overflow: hidden;}
.footer-nav ul li a{font-size: 14px;color: rgba(255,255,255,0.4);}
.footer-nav ul li a:hover{color: #fff;}
.footer-ban{width: 520px;height: 288px; background:url(http://dehang.dzzongteng.com/template/dzdhkj.com/images/f_line02.png) no-repeat 0 64px;overflow: hidden;}
.footer-ban p{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 26px;padding: 0;}
.footer-ban p span{display: block;float: left;width: 250px;}
.footer-ban p.footer-p01{height: 105px;padding-top:10px;}
.footer-ban p.footer-p02{height: 100px;}
.footer-ban p i{font-size: 32px;width: 50px;height: 50px;line-height: 50px;text-align: center;border: 2px solid #A8A9AC;border-radius: 50%;float: left;margin-right: 10px;}
.footer-ban p b{display: block;font-size: 24px;font-family: "DINOT";line-height: 24px;color:#fff;}
.footer-ban p em{display: block;width: 305px;line-height: 20px;}
.footer-er{width: 320px;height: 288px;margin-top: -15px;}
.footer-er h5{width: 210px;height: 110px;float: right;}
.footer-er h5 img{width: 210px;height: 82px;}
.footer-er p{width: 125px;text-align: center;float: left;padding:0 0 0 35px;}
.footer-er p em{width: 110px;height: 110px;display: block;line-height: 0;border: #636569 1px solid;padding: 6px;}
.footer-er p img{width: 110px;height: 110px;border: 1px solid #D4D4D6;}
.footer-er p span{display: block;font-size: 14px;color: rgba(255,255,255,0.3);line-height: 30px;}
.footer-bot{font-size: 14px;color: rgba(255,255,255,0.4);height: 74px;line-height: 74px;overflow: hidden;border-top: rgba(244,244,244,0.1) 1px solid;}
.footer-bot p{float: right;}
.footer-bot span{padding: 0 10px;}
.footer-bot a{color: rgba(255,255,255,0.4);}

/*浮动客服开始*/
.kf {
  position:fixed;
  z-index:888;
  right:5px;
  width:70px;
  bottom: 15%;
  text-align: center;
}
.kf ul li i {
  line-height: 42px;
  height: 42px;
  text-align: center;
  font-size: 26px;
  font-weight: normal;
  color: #fff;
}
.kf ul li a {
  color: #fff;
}
.kf ul li:hover i {
  color: #fff;
}
.kf ul li {
  float:left;
  position:relative;
  width:100%;
  height:70px;
  font-size: 14px;
  color: #fff;
}
.kf ul li:nth-child(1) {
  border-bottom:1px #2f4094 solid;
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(1) {
  border-bottom:1px #1578fd solid;
  background-color:#1578fd;
}
.kf ul li:nth-child(2) {
  border-bottom:1px #2f4094 solid;
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(2) {
  border-bottom:1px #1578fd solid;
  background-color:#1578fd;
}
.kf ul li:nth-child(3) {
  border-bottom:1px #2f4094 solid;
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(3) {
  border-bottom:1px #1578fd solid;
  background-color:#1578fd;
}
.kf ul li:nth-child(4) {
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(4) {
  background-color:#1578fd;
}
.kf ul li a {
  display:block;
  width:100%;
  height:70px;
  margin-bottom: 10px;
  background-position:center;
  background-repeat:no-repeat;
}
.kf ul li:hover a {
  color: #fff;
}
.kf ul li .tel {
  display:none;
  position:absolute;
  right:70px;
  width:190px;
  height:144px;
  top:0;
  text-align: left;
}
.kf ul li .tel dl {
  float:left;
  width:190px;
  color: #fff;
  padding: 0;
  line-height: 71px;
  text-indent:10px;
  font-size: 20px;
  background: #1578fd;
}
.kf ul li .tel dl strong {
  font-family: Impact;
  letter-spacing: 2px;
  font-weight: lighter;
}
.kf ul li .tel dl dd {
  float:left;
  width:100%;
  display:block;
  height:71px;
  line-height:71px;
  color: #fff;
}
.kf ul li .tel i {
  text-align: left;
  font-size: 18px;
  margin-right: 5px;
  color: #fff;
  font-weight: normal;
}
.kf ul li:hover .tel {
  display:block;
}
.kf ul li .wx {
  display:none;
  position:absolute;
  right:75px;
  width:95px;
  height:95px;
  top:-15px;
  text-align: left;
}
.kf ul li .wx img {
  border:2px solid #fff;
  width: 95px;
  height: 95px;
}
.kf ul li:hover .wx {
  display:block;
}
/*浮动客服结束*/

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}